<template>
  <div class="right-side-container">
    <div v-if="!currentComId">请先选中组件进行编辑</div>
    <EditPannel v-else :jsonSchema="getCurrentComJsonSchema!" />
  </div>
</template>

<script setup lang="ts">
import { useEditorStore } from "@/stores/useEditor";
import EditPannel from "@/views/Materials/components/EditPannel.vue";

const editorStore = useEditorStore();
const { getCurrentComJsonSchema, currentComId } = storeToRefs(editorStore);
</script>

<style scoped lang="scss">
.right-side-container {
  width: 320px;
  height: 100%;
  background-color: var(--x-white);
  border: 1px solid var(--x-border-color);
  border-radius: var(--x-border-radius-md);
  overflow-y: scroll;
}
</style>
